<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery Work Exam</title>
<style>
h1{
	color:#0000af;
}
hightlight {
	font-size:18px;
	color:#ff0000;
}
</style>
</head>
<body>

<h1> jQuery Work Exam for SoftLeader Developers</h1>
<hightlight>以下題目請使用 jQuery 作答, 不得使用 html default 與 javascript 處理</hightlight> <br/>
<hightlight>完成之後, 請 zip as 201401-jqueryexam-${YOURNAME}.zip Email 給 Gary ( gary AT softleader.com.tw)</hightlight>
<h2>Q1: 請將 <a href='input.html'>input.html</a> account 預設值改為 Naomi (5分)</h2>

<h2>Q2: 請將 <a href='checkbox.html'>checkbox.html</a> 預設當 value = Apple, Cherry 為 checked (15分)</h2>
<p> 請使用 $("input[name='fruits']") each 出相關 input, 判斷後壓值 </p>

<h2>Q3: 請將 <a href='select.html'>select.html</a> 增加 Grape 葡萄 與 Orange 柳橙 兩個 options (10分)</h2>

<h2>Q4: 請將 <a href='buttons.html'>buttons.html</a> 各 button 綁定 click event 且 alert 出他們的文字(10分)</h2>
<p>請利用 class 方式作為 selector </p>

<h2>Q5: 請將 <a href='divhidden.html'>divhidden.html</a> 各 button 綁定 click event, 作為 div1 及 div2 的開啟和隱藏 , 原本是 Hidden Div1 改為 Show Div1, Div2 一樣(20分)</h2>

<h2>Q6: 請將 <a href='listitem.html'>listitem.html</a> 各 button 綁定 click event 當移動到該 listitem, 將該 listitem 設定 css 為 highlight (20分)</h2>


<h2>Q7: 請將 <a href='ajax.html'>ajax.html</a> search Button 綁定 click event 透過 ajax 取得 data, 並取出排列成為一個 table 顯示 (30分)</h2>
<p>GET URL: http://localhost:8080/jquerywork/fruits.json </p>
Sample:
<table border='1'>
<tr><th>ID</th><th>NAME</th><th>PRICE</th><th>Qty.</th></tr>

</table>


<h2>Q8: 請將<a href='plugins.html'>plugins.html</a> 設計一個簡單的 plugins 當遇到數字時, 將該數字 css 設定為 highlight.(30分)</h2>




</body>
</html>